<!DOCTYPE html>
<html dir="ltr" lang="cn">
<head>
    <meta charset="UTF-8" />
    <title>打印订单标签</title>
    <link href="__PUBLIC__/bootstrap/css/bootstrap.css" rel="stylesheet" media="all" />
    <script type="text/javascript" src="__PUBLIC__/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <link href="__PUBLIC__/bootstrap/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
    <style media="print" type="text/css">.noprint{display:none}</style>
<script type="text/javascript">
	var jl_buy_list = "购物清单";
</script> 
</head>
<body>
	<style type="text/css">
		td{border: 1px solid ;}
	</style>
<script type="text/javascript" src="/Public/js/kd_LodopFuncs.js"></script>
<div class="print-main">
    <input type="hidden" name="printer" value="{$order.biaoqian_print}">
    <input type="hidden" name="width" value="100">
    <input type="hidden" name="height" value="80">
    <link rel="stylesheet" type="text/css" href="/Public/js/kd_LodopFuncs.css">
    <div class="print-warp a4">
        <div id="printContent">
            <div class="print-content">
                <div class="print-panel mb0" style="padding:1mm 5mm 3mm 5mm; width:100mm;">
                    <table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#FFFFFF">
                        <tbody>
							<tr>
							<td rowspan="4" width="150"><img id="erwei" src="{$pic_data1}" width="150" height="150"/></td>
							<td></td>
                        </tr>
                        <tr>
                            <td align="left"><span style="font-size:20px;"><strong>收货人</strong>：</span>
							<span style="position: absolute;right: 70px;width: 65px;font-size:16px;line-height:35px;text-align: center;border: 4px solid #f00;"><strong>{$order.biaoshi}</strong></span></td>
                        </tr>
                        <tr>
                            <td align="left"><span style="font-size:18px;"><strong>{$order.consignee}</strong></span></td>
                        </tr>
                        <tr>
                            <td align="left"><span style="font-size:18px;"><strong>件数</strong>：（）/ {$order.jian_count} 件</span><br /></td>
                        </tr>
                        <tr>
                            <td colspan="2"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;<strong>电话</strong>：<span style="font-size:16px;">{$order.mobile}</span></span><br /></td>
                        </tr>
                        <tr>
                            <td colspan="2"><strong><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;订单号：</span><span style="font-size:16px;">{$order.order_sn}</span></strong></td>
                        </tr>
                        <tr>
                            <td colspan="2"><span></span><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;<strong>日期</strong>：{:date("Y-m-d");}</span><br /></td>
                        </tr>
                        <tr>
                            <td colspan="2"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp;<strong>备注</strong>：{$order.user_note}</span>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="print-handle">
            <div class="print-btn" style="margin: 30px 35px;"><a href="javascript:void(0);" ectype="btnPreview"><i class="iconfont icon-browse"></i>预览</a></div>
            <div class="print-btn" style="margin: 30px 35px;"><a href="javascript:void(0);" ectype="btnPrint"><i class="iconfont icon-dayin"></i>打印</a>
            </div>
        </div>
    </div>
    <style type="text/css">
        .print-content .print-panel{min-height: 240px}
    </style>
    <input type="hidden" name="order_type" value="order">
    <input type="hidden" name="p_num" value="{$order.jian_count}">
    <script type="text/javascript">
        $(document).on("click", "*[ectype='btnPrint']", function () {
            $(".print_textarea").each(function () {
                $(this).hide();
                $(this).siblings(".print-remark").html($(this).val()).show();
            });
            var printer = $("input[name='printer']").val();
            var width = $("input[name='width']").val();
            var p_num = $("input[name='p_num']").val();

            if (printer == '' || printer == null) {
                alert(jl_print_no_printer);
                return false;
            }
            var html = $("#printContent").html();
            var title = jl_buy_list;
            lodop_print_html(title, html, printer, width,p_num,{$pic_data});
        });

        $(document).on("click", "*[ectype='btnPreview']", function () {
            $(".print_textarea").each(function () {
                $(this).hide();
                $(this).siblings(".print-remark").html($(this).val()).show();
            });
            var printer = $("input[name='printer']").val();
            var width = $("input[name='width']").val();
            var p_num = $("input[name='p_num']").val();

            if (printer == '' || printer == null) {
                alert(jl_print_no_printer);
                return false;
            }
            var html = $("#printContent").html();
            var title = jl_buy_list;
            lodop_preview_html(title, html, printer, width,p_num,{$pic_data});
        });

        $(".print-remark").click(function () {
            $(this).hide();
            $(this).siblings(".print_textarea").val($(this).html()).show();
        });
    </script>
</body>
</html>